﻿@{
    ViewBag.Title = "Index";
    Layout = null;
}

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, minimum-scale= 1.0, initial-scale= 1.0">
    <link href="~/Content/Style/conmon.css" rel="stylesheet" type="text/css">
    <link href="~/Content/fonts/iconfont.css" rel="stylesheet" type="text/css">
    <title>个人中心</title>
    <style>

        footer {
            position: fixed;
            height: 56px;
            right: 0;
            left: 0;
            bottom: 0;
            background-color: #f3f5f7;
        }

            footer .footer_box {
                display: flex;
            }

                footer .footer_box .footer_li {
                    flex: 1;
                    text-align: center;
                }

                    footer .footer_box .footer_li span {
                        font-size: 14px;
                    }

                    footer .footer_box .footer_li .footer-img {
                        height: 28px;
                        width: 28px;
                        margin: 4px auto 3px;
                    }
    </style>

</head>
<body>
    <div id="app">
        <footer>
            <div class="footer_box">
                <div class="footer_li">
                    <a href="/">
                        <div class="footer-img">
                            <i class="iconfont icon-union" style="font-size: 26px;"></i>
                        </div>
                        <span>首页</span>
                    </a>
                </div>
                <div class="footer_li">
                    <a href="/Classification/Summary">
                        <div class="footer-img">
                            <i class="iconfont icon-dingdan1" style="font-size: 28px;"></i>
                        </div>
                        <span>分类</span>
                    </a>
                </div>
                <div class="footer_li">
                    <a href="/ShoppingCart/Index">
                        <div class="footer-img">
                            <i class="iconfont icon-gouwuche4" style="font-size: 26px;"></i>
                        </div>
                        <span>购物车</span>
                    </a>
                </div>
                <div class="footer_li">
                    <a href="/Information/Index"  style="color:#F56C03;">
                        <div class="footer-img">
                            <i class="iconfont icon-wode1" style="font-size: 26px;"></i>
                        </div>
                        <span>个人中心</span>
                    </a>
                </div>
            </div>
        </footer>
    </div>

    <!-- 引入 Vue -->
    <script src="https://unpkg.com/vue"></script>
    <script src="~/Content/Script/jquery-1.8.3.min.js"></script>
    <script src="https://unpkg.com/better-scroll/dist/bscroll.min.js"></script>
    <script>
        Vue.config.productionTip = false;   //Vue去掉警告 You are running Vue in development mode
        var vm = new Vue({
            el: '#app',
            data() {
                return {
                };
            },
            methods: {
            }
        });
    </script>
</body>
</html>
